﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SortCategory.aspx.cs" Inherits="admin_Modules_NewsEvent_Images_SortCategory" %>


<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script src="/admin/resources/js/base.js" type="text/javascript"></script>
    <script src="/admin/resources/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/admin/resources/js/jquery.ui.core.min.js" type="text/javascript"></script>
    <script src="/admin/resources/js/jquery.ui.widget.min.js" type="text/javascript"></script>
    <script src="/admin/resources/js/jquery.ui.mouse.min.js" type="text/javascript"></script>
    <script src="/admin/resources/js/jquery.ui.sortable.min.js" type="text/javascript"></script>
    <style type="text/css">
        #sortable { list-style-type: none; margin: auto; padding: 0; width: 80%; text-align: left; }
        #sortable li { margin: 0 3px 3px 3px; padding: 3px; border: solid 1px #ccc; font-family: Arial; font-size: 11px; cursor: move; background-color: #F9F9F9; font-weight: bold; }
        div.demo { padding: 5px; text-align: center; width: 90%; margin: auto; }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="SM" runat="server">
    </ext:ResourceManager>
    <ext:Viewport ID="wdAddOrEdiCategory" runat="server" Collapsible="false" Icon="PageCopy"
        Modal="false" ShowOnLoad="false" Layout="BorderLayout">
        <Items>
            <ext:Panel ID="Panel2" runat="server" Padding="10" Region="Center">
                <TopBar>
                    <ext:Toolbar ID="Toolbar2" runat="server">
                        <Items>
                            <ext:Button Icon="Disk" Text="Cập nhật">
                                <DirectEvents>
                                    <Click OnEvent="UpdateNewsCategoryOrder" Failure="onFailure" Before="Ext.Msg.wait('Tải form ...', 'Loading');">
                                        <ExtraParams>
                                            <ext:Parameter Name="order" Value="$('#sortable').sortable('toArray').toString()"
                                                Mode="Raw">
                                            </ext:Parameter>
                                        </ExtraParams>
                                    </Click>
                                </DirectEvents>
                            </ext:Button>
                            <ext:ToolbarFill>
                            </ext:ToolbarFill>
                            <ext:Label Icon="Help" Text="Kéo thả chuyên mục để sắp xếp">
                            </ext:Label>
                        </Items>
                    </ext:Toolbar>
                </TopBar>
                <Content>
                    <%--   <p style="background-color: #ffffe1; color: #000; padding: 3px; font-size: 11px;
                        border: solid 1px #ffdf88; font-family: Arial;">
                        Kéo và thả chuyên mục để sắp xếp.
                    </p>--%>
                    <ext:Hidden runat="server" ID="hdfParentCategoryID">
                    </ext:Hidden>
                    <div style="text-align: center;">
                        <div style="text-align: left; width: 90%; margin: auto;">
                            <asp:Literal runat="server" ID="lblCategoryOrder">
                            </asp:Literal>
                        </div>
                    </div>
                </Content>
            </ext:Panel>
        </Items>
    </ext:Viewport>
    </form>
</body>
</html>
